
// /* 变量定义 */
@isFluid: true;  // 是否存在通栏情况

// /* 1. 全局变量 */
@globalFont: 12px "Microsoft YaHei", 'SimSun', tahoma, Verdana, arial, sans-serif;
@globalColor: #333;

@linkColor: #333;
@linkHoverColor: #c40000;
@linkTextDecoration: none;
@linkHoverTextDecoration: none;


// /* 2. 定义布局大小 */
@pageWidth: 100%;
// /* 容器总宽度(含 @gutter ) */
@containerOutWidth: 980px;
// /* 管道大小 */
// /* 用于非通栏元素的 margin-left 和 margin-right (除 .container 之外) */
//  用于 .module 的 margin-right
// /* .container 的实际可视宽度为: @containerOutWidth - (@gutter * 2) */
// /* 此例为: 1000 - (20 * 2) = 960 */
@gutter: 10px;

@rowMarginBT: 10px;

// /* 非主容器的显示宽度 */
@containerInnerWidth: @containerOutWidth - (@gutter * 2);

// /* 主页面内容容器的宽度  */
@mainContainerInnerWidth:  @containerOutWidth - @gutter ;


// /* 3. 定义颜色和皮肤 */
// 参考: http://www.zcool.com.cn/article/ZMTUyNDc2.html
@lightenPercent: 6%;
// /* 默认皮肤颜色 */
@defaultSkinColor: #c40000;
// 主导航菜单左右边框颜色
//@webNav_navbar_bg: #dd3131;
@webNav_navbar_borderColor: lighten(@defaultSkinColor,@lightenPercent);
// 主导航菜单字体颜色
@webNav_navbar_fontColor: #ffffff;
// 主导航菜单的激活背景色
@webNav_navbar_aHoverBg: #b10000;


@redSkinColor: #c40000;
// 主导航菜单左右边框颜色
@red_webNav_navbar_borderColor: lighten(@redSkinColor,@lightenPercent);
// 主导航菜单字体颜色
@red_webNav_navbar_fontColor: #ffffff;
// 主导航菜单的激活背景色
@red_webNav_navbar_aHoverBg: #b10000;

@greenSkinColor: #75aa01;
// 主导航菜单左右边框颜色
@green_webNav_navbar_borderColor: lighten(@greenSkinColor,@lightenPercent);
// 主导航菜单字体颜色
@green_webNav_navbar_fontColor: #ffffff;
// 主导航菜单的激活背景色
@green_webNav_navbar_aHoverBg: #75aa01;

@blueSkinColor: #0068b1;
// 主导航菜单左右边框颜色
//@blue_webNav_navbar_bg: #0086c1;
@blue_webNav_navbar_borderColor:lighten(@blueSkinColor,@lightenPercent);
// 主导航菜单字体颜色
@blue_webNav_navbar_fontColor: #ffffff;
// 主导航菜单的激活背景色
@blue_webNav_navbar_aHoverBg: #0068b1;

@yellowSkinColor: #ffbd0c;
// 主导航菜单左右边框颜色
@yellow_webNav_navbar_borderColor:lighten(@yellowSkinColor,@lightenPercent);
// 主导航菜单字体颜色
@yellow_webNav_navbar_fontColor: #ffffff;
// 主导航菜单的激活背景色
@yellow_webNav_navbar_aHoverBg: #ffbd0c;



// /* 5. 定义模块样式 */
// /* 5.1 文章列表 */
// /* 5.2 焦点图片 */
// /* 5.3 多图滚动 */
// /* 5.4 单个图片 */


// /* 4. 非模块页面元素 */
// /* 4.1 #topArea > .topAreaBar */
//  4.2 #header > .headerBar
// /* 4.3 #webNav > .webNavBar */
// /* 4.4 #mainContainer.container > #containerBar.containerBar */
// /* 4.5 #footer > .footerBar */
